查看原文
其他

新时代设计师制作动态海报的杀手锏是?

TEA 招生办 TEA Community 2022-11-03

技术

塑造产业

 1

. /

平面设计,是一个传达信息的过程。在平面上完成信息传达,最初只能依赖图像和文字这两种媒介。要让信息的传达高效快速,需要合理地选择载体,构建视觉层级,用特定的形式与构成赋予图像和文字额外的意义和美学感受。

当代平面设计师,担任着信息传递的使命。使用电子化工具将一件又一件设计品输送至屏幕和纸面上。但我们是否想过,在设计软件彻底改变我们的设计方式之前,图文设计与印刷是如何完成的呢?

使用 Linotype 排字机的排字员

1884年,Linotype 排字机问世,整行铸造技术将印刷速度提升了近十倍,大幅缩减了印刷成本,海报、报纸、杂志的印刷量迅速上升。公众对于平面读物的设计要求越来越高。为最大程度呈现设计美感,Typesetting 字体排印也成为了平面设计中重要的技能之一。而后来,随着工业电子化浪潮,电子印刷、丝网印刷、工业自动化给了平面设计师更多的创作自由,无需再受印刷制版的技术限制,却将字体排印员连同版画师等职业一并在大工业生产中消灭。

现代喷墨印刷

新技术

未来的机遇和挑战

 2

. /

现在,平面设计师现在也面临同样的技术变革,电子媒介以及环保主义观念的渗透,导致印刷传媒制品消费市场越发颓然,而同时大众的使用习惯和注意力都留在荧光屏之上。


那么在视觉信息快速更迭的互联网时代,未来的平面设计师将迎来什么变化呢?

John Maeda

当代设计界的大拿,在麻省理工媒体实验室工作12年,并在罗德岛设计学院担任过校长的 John Maeda 曾在2000年,为自己90年代设计的 The 5 Reactive Books 写过一段话,尝试预见未来平面艺术家使用计算机技术进行创作的两种方式:

第一种是通过纯粹的物理联系,比如说手和鼠标间的连接,此时电脑画布上的变化与我们的手势移动有着直接的对应关系。这与传统绘画的作画方式相近似。


另一种,是绝对非物理的表达方式,即计算机程序,由程序员/艺术家定义的计算机程序明确指示计算机画布自动生成视觉。

The 5 Reactive Book | The Flying Letters | 1994

John Maeda 的作品所呈现的交互性和动态视觉即使在今天的视觉设计领域依旧保有先锋地位。目前大部分设计师仍停留在第一种对计算机的使用逻辑,但在计算机算力逐步取代单一工作量的今天,设计师必定需要和“程序”合作,开发具有动态感、交互性以及自动生成的视觉传达语言。

先锋

实验性项目

 3

. /

自 John Maeda 写下这段话的二十多年里,已经有许多设计师和工作室在“拥抱”他口中数字媒体创作的未来。

Kiel D. Mutschelknaus

动态可交互字体海报 

1.

Kiel D. Mutschelknaus——这位就职于马里兰艺术学院(MICA)平面设计部门的老师,作为一名跨学科的艺术家,利用编程语言拓宽学科边界,制作了生成器网站 SpaceTypeGenerator.com,让每个用户都可以在线上“玩”一些参数设置,从而使字体变成有趣的动画。

SpaceTypeGenerator.com 效果

Kiel 利用编程创造的生成类字体视觉不仅仅停留在实验性开源项目的阶段。他的探索先后衍生至Spotify、The New Yorker 等品牌的商业项目中,充分展现出新时代设计工具的商业价值。

NaN Type Foundry

动态可变字体

2.

跨时代的字体工作室, 座右铭:“一个创造力相遇最新科技的实验室”,其主营 Logo 改进、定制字体的创建、定制营销字体等多方面业务。这家在国际上屡获大奖的设计工作室在2019年开始训练机器学习模型生成逼真、有趣的字母,并发布第一款由 AI 生成、字型可以在打字过程中不断变化的拉丁文字体(The Machine Learning Font)。

The Machine Learning Font 训练过程

打字过程中字型不断变化

NaN 工作室除了实验性项目之外,在可变字体的研发能力上也十分出众,最新推出的 NaN Holo 支持6种字宽36种字体风格的随意变换。

Anders Hoff

(a.k.a. inconvergent) 

动态生成类图案

3.

Inconvergent 是挪威艺术家 Anders Hoff 的一个生成艺术项目,这个项目探索了如何使用算法来创建美学构图、结构和纹理。Anders Hoff 还将这些“代码艺术品”,上链 NFT 供爱好者收藏。


在 inconvergent.net 上 Anders 记录了他创造这些图形行为系统的底层逻辑和思考,对构建图形类生成系统有很高的参考价值。

Inconvergent 算法生成图案的实验

潮流

商业性项目

 4

. /

动态视觉在当今的品牌设计中已逐渐成为不可缺少的要素。只要设计品需要在屏幕上进行展示,来一点动效魔力加成,定可以为静止的画面增光添彩。而近年来随着编程+设计的工具与设计思维的传播,不少设计事务所为提高效率和视觉多样性,也开始探索交互类、生成类的设计方法。

COLLINS

1.

作为业绩标杆,知名的设计师和战略品牌设计事务所,Brian Collins 和他开创的 COLLINS 很早就开始致力于将动态设计融入品牌形象之中。近年来,COLLINS 项目中动态要素的增加也反映出互联网经济影响下的品牌设计需求从静态向动态的转移。

COLLINS 是融合平面设计和编程的先锋军。早在2014年, 在和字体指导俱乐部 TDC 的合作中, COLLINS 就已经开始研发数据可视化交互系统用于生成字型动画。该项目探索生成字型的新方式,成果延展至展览、印刷、交互式网站等多个呈现渠道。

BUCK

2.

BUCK 是一家总部位于美国西海岸设计事务所,以 Motion Branding 为专长, BUCK 的设计风格多样,利用动态设计最大程度释放品牌形象的视觉潜能。服务于 Netflix, Spotify, Nike, Microsoft, IBM 等多个品牌,BUCK 活跃于新技术、动态设计、品牌设计的交汇点,探索未来设计的可能性。

IBM Design Language


除了在 IBM Design Language 项目中利用动态设计丰富 IBM 视觉系统这样传统的应用方式,BUCK 也积极地探索生成类设计,利用编程语言为自家的研发类 Instagram 账户 BUCK Sandbox 制作了可交互视觉形象。

DIA

3.

DIA 是一家以动态视觉形象和字体版式系统为专长的和品牌设计工作室。服务于 Squarespace、Adidas、Facebook、Instagram、Nike、Twitter、Mailchimp、Spotify、St. Laurent、Balenciaga、DKNY、Maison Kitsune、Zara、New York Times 等多家品牌。

DIA 研发的生成类工具和自动化设计系统为他们的设计语言增加了额外的交互性和多样性。表现载体因此也不仅仅局限于传统平面媒介,而是发散至投影、舞台等多个领域。

Another Way 

另辟蹊径

 5

. /

上述这些动态视效已经悄悄融入了我们的生活,设计行业对动态设计师的需求也开始不断攀升。然而很多设计工作者站在培养动态技能的分岔路口,或是被 AfterEffect 等动画软件的高学习成本劝退,投入大量时间却做不好效果;或是想利用编程完成动画,但由于没有编程背景知识,面对成行的代码,培养了数十年的美学技能无处施展。

现在,有一款强大的软件——TouchDesigner。

它是一个可视化编程开发平台。利用节点式编程思维,不用敲代码就能实现视觉生成,硬件通讯,以及实时互动。

作为 TouchDesigner 官方唯一指定的中文教育平台,TEA Community 为了帮助广大设计师培养生成动态视觉的开发逻辑、改变传统工作方式、提升效率、甚至提供 NFT 创意数字资产化的愿景,现推出全新一期 TEA 原创课程。

TouchDesigner 

与无限生成动态海报




  课程介绍  

用算法思维实时生成视觉系统

一个系统可以延展出无限效果

导入音频实时驱动画面变化

调用鼠标、摄像头、键盘等

打造可以互动的动态海报!



24+节 录播课,一站式系统打包掌握

手把手教你在TouchDesigenr中搭建视觉生成系统

学习路径清晰,随时随地闯关打卡

每章节包含一节设计硬核知识分享

打开创意脑洞

提供独家开发的设计制作专用插件

快速提升制作效率



解决大部分动态海报制作需求

从平面图形、文字动态、

三维材质,三大类总结归纳

并提供10+ AI工程文件



零基础就可学习,充实你的设计弹药库!

轻松制作20多种动态系统

无限延伸创作可能性



提供10+ Illustrator模板

由多名专业设计师打造

为你的设计保驾护航



社群内无限制随时答疑服务

有效期1

导师助教逐一分析学员困惑

耐心为其排除万难

让学习之旅畅通无阻

课程效果

NO reference!

你看到的就是可以学到的效果!




适用人群

TD零基础也可入门


平面设计师

动态 / 生成设计爱好者

美术展览策划

技术执行经理

高校教师

留学 / 毕业设计准备

互动展厅开发

VJ 爱好者

课程目录


  TouchDesigner  


[ 0.1 ] 极速筑基


0.1.0 TouchDesigner 极速筑基

(免费新手入门指南)




   图形类   


图形类 每节课约10-40分钟、由浅入深、干货满满



[ 1.1 ] 平面几何


1.1.0 课程介绍

1.1.1 颜色叠加创意

1.1.2 声音驱动画面

1.1.3 随机像素生成


[ 1.2 ] 扭曲滤镜


1.2.1 声音互动扭曲  

1.2.2 线条错位扭曲        

1.2.3 水流气泡质感

1.2.4 动态玻璃扭曲


[ 1.3 ] 无限拉伸


1.3.1 声音互动拉伸 

1.3.2 鼠标跟随互动     

1.3.3 无限反馈生成


*以上均为课程实际效果展示





   文字类   


文字类 每节课约30-60分钟、结合所学、激发灵感



[ 2.1 ] 文字光韵


2.1.1 文字消失光韵


[ 2.2 ] 文字变形


2.2.1 文字融合变形  

2.2.2 线性结构材质       


[ 2.3 ] 文字矩阵


2.3.1 生成矩阵图形

2.3.2 文字多样贴图

2.3.3 生成螺旋矩阵


*以上均为课程实际效果展示





   三维类   


三维类 每节课约30-60分钟、发散思维、放肆创意



[ 3.1 ] 参数控制


3.1.1 时间变幻滤镜

3.1.2 三维几何构成

3.1.3 参数变幻图像


[ 3.2 ] 创意材质


3.2.1 艺术模型渲染 

3.2.2 PBR 材质编辑

3.2.3 文件整理规范      


[ 3.3 ] 生成模型


3.3.1 制作创意模型

3.3.2 互动参数界面

3.3.3 三维互动系统


*以上均为课程实际效果展示



课程目录持续更新中。

欢迎咨询客服,获取最新完整课程表。




课程开发及

授课团队


   主讲人   


- 江珊 -

TouchDesigner 中文官方社区负责人

TEA Community 新媒体教育社区主管

《TouchDesigner 全新交互设计及开发平台》作者, 师从全球著名的新媒体大师罗伊 · 阿斯科特(Roy Ascott)。曾为中国美术学院、清华大学美术学院、广州美术学院、同济大学设计创意学院、上海纽约大学、阿里巴巴、小红书、751设计周、广州K11、光点国际新媒体艺术节等多所高校及机构策划TD设计创作工作坊,累计策划及讲解线上线下工作坊达30场,累计参与人数6.7万人。


   课程监制   


- 陈若琨 -

Digital FUN 创始人 

TouchDesigner 亚洲社区主席

国家文化和旅游部重点实验室特聘导师、同济大学设计创意学院外聘讲师、上海视觉艺术学院外聘讲师、华东理工大学艺术学院产学研基地负责人、在过去三年中,带领 Digital FUN 为超过30场的大中型 xR 虚拟演出,和线下品牌发布活动提供了独具一格的创意内容设计、技术支持及导演执行服务。其在2015年起创立的第一个交互新媒体社区——TouchDesigner 亚洲社区,至今已拥有超过10万人群规模,被称为“中国TD第一人”。


- 张骏 -

Digital FUN 新媒体工作室联合创始人

加拿大 TouchDesigner 社区负责人


Digital FUN 视觉设计总监。美国 SIGGRAPH 计算机图形学协会社区成员。中国 NotchVFX 自主交流会中文社区负责人。曾参与奥迪、大众、宝马、梅赛德斯奔驰等汽车发布会的视觉演绎和数控装置艺术设计、2021年电影《盛夏未来》舞台美术和视觉设计,以及百度、小米、Bilibili、Lululemon 等品牌活动和沉浸式演出。曾领衔设计了2018温哥华、2019洛杉矶 SIGGRAPH VR Theater 沉浸式体验馆、加拿大温哥华 Arts Club 舞台剧特效设计等国际项目。


   协同开发   


- 尹兆辉 -

Digital FUN 平面设计师

华东师范大学哲学学士,美国帕萨迪纳艺术中心设计学院 ACCD 平面设计专业硕士。受瑞士风格排版(Swiss Style)、动态图形(Motion Graphics)、字体设计等方面的专业训练。毕业后为进一步了解动效行业,加入 Midnight Sherpa 工作室,服务于 Netflix 、Riot Games、 Sony 等品牌。2021年回国后,加入 Digital FUN 工作室,立足于设计行业技术变革的最前沿,寻找突破传统设计模式的方法,向着成为未来艺术家进发。

- 蔡震霆 -

TD百科翻译志愿团队负责人

毕业于中国美术学院上海设计学院数字媒体艺术系,林风眠金奖获得者。

- 苏左 -

光点国际新媒体艺术节首席策展人

四川美术学院艺术学士。四川美术学院-青年艺术家驻留计划 2017-2018 年度驻留策展人;国家艺术基金2017年度艺术人才培养资助专案-艺术机构经营管理人才高级研修班学员。研究跨学科的创作群体,平时主要从事当代艺术策划、跨界艺术项目商业合作与协作。

- 褚然 -

TEA Community 平面设计师

同济大学设计创意学院工业设计学士,校优秀学生奖学金获得者。曾获全国大学生艺术展一等奖,中国“互联网+”大学生创新创业大赛、“挑战杯”中国大学生创业计划竞赛铜奖,中美创客大赛上海赛区银奖。作品涉及品牌设计、用户研究与服务设计、人工智能与HMI多模态交互设计;有丰富的AR开发经验,致力于数字媒体和信息交互设计领域的探索。


课程形式

   FORM  


线上录播视频

(24+课时, 17+小时)

1年内无限回看

+

1年内无限次数社区提问

+

课程所有原始 TD工程文件

(包含24+个视效系统)

+

课程所有 AI 带网格排版文件

(约10+排版模板)



1. 全程线上视频课程,无视时间与空间,按照自己的步调学习。

2. 设置班级群,群内交流合作,助教或导师在留言板中48小时内答疑学员问题,并且会统一收集课程内容相关问题,定期在群中发布。



奖励机制:根据要求打卡并转发到朋友圈,全部参与打卡即可获得9%奖学金及学业证书、书籍及各种 TD 周边。



购买链接

 PURCHASE LINK  




现在下单享受超值优惠早鸟价!

早鸟价格期间,课程每个工作日更新一节哦!




码咨询客服




  常 见 问 题  

没有任何基础可以学吗?


我们为 TouchDesigenr 零基础同学已经制作了免费的入门教程,仅需2小时看完即可入门。可以私信客服索要免费教程链接。课程设计初衷就是给零基础的同学服务的,所以完全不用担心没有基础,课程也包含48小时内留言板答疑服务,有问题也可以随时提问~



课程的讲解重点是?


课程的主要目标是:为设计师们提供新的思路,用新时代工具,打破技术瓶颈,高效率的创作。所以课程中深入讲解如何在 TouchDesginer 中创作动态图形,并归纳为三大类:图形、文字、三维,将打造出20多个视觉系统,基于此可延伸出无数的视觉效果,占比90%。课程中也包含了少量的设计干货分享,启发大家的创意思维。课程中涉及的排版工程文件也会提供给大家使用。




课程时间?录播还是直播?什么时候开课?


课程购买后即可观看哦!共有包含24+录播课,一站式系统打包掌握,学习路径清晰。为了促进大家学习的主动性和热情,我们把课程设置成了闯关打卡的模式,一站式系统打包掌握,学习路径清晰。课程最后学完可获得奖学金和证书。与传统录播自学课不同的是本套课程还包含课后48小时内留言板答疑服务,一年内无限提问!有陪伴,更无忧!大家在群里可以随时与导师交流!





这个毕业以后可以做完整的作品吗?我可以接商业项目吗?


完全可以,课程中包含20多个动态海报案例,非常完整,视觉效果可以商用。其中也加入了一些互动的元素,除了动态海报视觉的业务,你甚至可以承接一些带有互动功能的视觉业务,让你的职业生涯如虎添翼,而且购买后课程包含48小时的留言板答疑服务,后续遇到课程有关的问题,也可以问老师助教们!










   CREDITS  


1. John Maeda

https://maedastudio.com/


2. Kiel D. Mutschelknaus

https://www.kielm.com/


3. NaN Type Foundry

https://www.nan.xyz/


4. Anders Hoff

https://inconvergent.net/


5. COLLINS

https://www.wearecollins.com/


6. BUCK

https://buck.co/


7. DIA

https://dia.tv/



申明:本推文中,所有关于课程内容描述部分均来自TEA Community 原创拍摄或制作。若需引用文中课程图片用于非商业用途,请提前问询,并得到我方许可。除此情况外任何盗用形式均将承担相应法律责任。



TEA Community 中文教育社区成立于2019年,它的前身是2015年成立的 TouchDesigner 中文社区。
“TEA”是 Technology 科技、Education 教育、Art 艺术的缩写,这意味社区成立主旨是本着普惠和开源的态度,自发性地创建新媒体艺术交流学习平台,为跨媒介艺术爱好者提供突破技术瓶颈的技能教育,并为大众普及交互新媒体艺术的美学认知,致力于开发国际性新媒体艺术节。最终希望为国内艺术市场带来创新与活力,成为国内新媒体艺术趋势的引领者。



排版:George

文字:Roy




您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存